var path = require("path");
// 导入项目生成主页插件
var HtmlWebpackPlugin = require("html-webpack-plugin")
module.exports = {
    // 1.入口
    entry: "./main.js",
    //2. 出口
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: "bundle.js"
    },
    module: { //配置所有的loader
        rules: [{ //babel-loader  es6转es5 
                test: /\.m?js$/, //匹配要解析文件
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader', //哪个loder解析文件
                    options: {
                        presets: ['@babel/preset-env']
                    }
                }
            },
            { //url-loader 解析文件路径 图片解析
                test: /\.(png|jpg|gif|svg)$/,
                use: [{
                    loader: 'url-loader',
                    options: {
                        limit: 8192
                    }
                }]
            },
            { //file-loader 解析文件 和图片
                test: /\.(png|jpg|gif|svg)$/,
                use: [{
                    loader: 'file-loader'
                }]
            },
            // 配置webpack解析css的loader
            {
                test: /\.css$/,
                use: ["style-loader", "css-loader"]
            }
        ]
    },
    // 打包模式-------------------------------
    mode: "development", //production生产模式  development开发模式
    // 插件
    plugins: [new HtmlWebpackPlugin({
        title: "京东",
        template: './src/index.html',
        filename: "index.html"
    })]
}